﻿@charset "utf-8";

/* #c78d54 */


html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,textarea,button,table,tr,td,img,h1,h2,h3,h4,h5,h6,a{ margin:0; padding:0;}
body{ font-size:14px; /* font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; */ color:#666666; overflow-x:hidden; background-color:#fff; font-family: '微软雅黑'}
ul,li{ list-style:none;}
i,em,cite{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
img,input{ border:none; vertical-align:middle;}

img{ max-width: 100%; }
a{ font-size:14px; /* font-family:"\5fae\8f6f\96c5\9ed1", sans-serif; */ text-decoration:none; color:#666666;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
a:hover{ color:#da0002}

.wrap{ width:1200px; margin:0 auto; position:relative;}

.l{float:left;}.r{float:right;}
.cl{clear:both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.rel{position:relative;}.abs{position:absolute;}


.yellow{ color:#ed6a00;}
.blue{color:#008dd7;}

.th{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.homebg{ background-position:50% top; background-repeat:no-repeat;}


.bgcolor:before{ content:""; overflow:hidden; position:absolute; background-color:#ddd; right:0px; top:0; height:99px; width:1px;}

.bgcolor{

  -ms-transition-duration: 0.3s; transition-duration: 0.3s;

  -ms-transform: scale(1.1); transform: scale(1.1);

  filter:Alpha(opacity=0); opacity:0;

  background-color:rgba(244,128,0,0);

  background-position:50% 50%; background-repeat:no-repeat; background-size:cover;

  position: absolute; left:0; right:0; top:0; bottom:0;

  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;

  word-wrap:break-word;

  background-image:url("../images/tm-b-8.png"); background-position:left top;
  

  }

 
.scale dl dt img{-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.scale a:hover dt img{-ms-transform: scale(1.1); transform: scale(1.1);}





.uline a{ display:inline-block; position:relative; overflow:hidden;}
.uline a span{ position:absolute; left:0; bottom:0px; width:0; height:1px; background-color:#fff;}
.zline dl span{ height:4px; width:0; overflow:hidden; background-color:#008dd7; position:absolute; left:50%; bottom:0;}


#bosi dl dt,#box dl dt{ position:relative}
#bosi dl dt img,#box dl dt img{ border:1px solid #e5e5e5; padding:4px;}
#bosi dl dt span,#box dl dt span{ position: absolute; background-color:#008dd7; overflow:hidden;}

#bosi dl dt span.botop{ left:0; top:0; height:1px; width:0;}
#bosi dl dt span.boright{ right:0; top:0; height:0px; width:1px;}
#bosi dl dt span.bobottom{ right:0; bottom:0; height:1px; width:0;}
#bosi dl dt span.boleft{ left:0; bottom:0; height:0px; width:1px;}

#box dl dt span.botop{ left:0; top:0; height:0px; width:100%;}
#box dl dt span.boright{ right:0; top:0; height:100%; width:0px;}
#box dl dt span.bobottom{ right:0; bottom:0; height:0px; width:100%;}
#box dl dt span.boleft{ left:0; bottom:0; height:100%; width:0px;}



.sideRight{ width:50px; position:fixed; right:0; top:40%;}
.sideRight ul{ width:50px; height:50px; border-top-left-radius:5px;border-bottom-left-radius:5px; margin-top:1px; position:relative; background-position:-5px -5px; background-repeat:no-repeat; cursor:pointer;}
.sideRight ul:hover{ background-position:-5px -65px;}
.sideRight-qq{ background-image:url("../images/side-right-qq.png");}
.sideRight-tel{ background-image:url("../images/side-right-tel.png");}
.sideRight-code{ background-image:url("../images/side-right-code.png");}
.sideRight-top{ background-image:url("../images/side-right-top.png");}

.sideRight-qq li{ position:absolute; bottom:0; width:51px; height:50px; overflow:hidden; display:none;}
.sideRight-qq li a{position:absolute; right:0; top:0; width:50px; height:50px; background-image:url("../images/side-right-qq.png"); background-position:-5px -5px; background-repeat:no-repeat;-ms-transition-duration: 0s; transition-duration: 0s; border-radius:5px;}
.sideRight-qq li a:hover{ background-position:-5px -65px;}
.sideRight-qq li:nth-child(1){ right:0px; border-top-right-radius:0px;border-bottom-right-radius:0px;}
.sideRight-qq li:nth-child(2){ right:51px;}
.sideRight-qq li:nth-child(3){ right:102px;}
.sideRight-qq li:nth-child(4){ right:153px;}
.sideRight-qq li:nth-child(5){ right:204px;}
.sideRight-qq li:nth-child(6){ right:255px;}


.sideRight-tel li{ position:absolute; right:51px; bottom:0; height:50px; background-color:#96b726; border-radius:5px; width:180px; padding-left:20px; font-weight:700; font-size:20px; line-height:50px; color:#fff; display:none;}
.sideRight-code li{ position:absolute; right:51px; bottom:0; background-color:#fff; padding:4px; border-radius:5px; border:1px solid #aaa; display:none;}


table{border-collapse:collapse; border-spacing:0;border: 1px solid #e4e4e4;}
td,tr{border: 1px solid #e4e4e4;padding: 5px;}


